<!DOCTYPE html>
<html ng-app>
<head >
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="/openitems/js/lib/angular/angular.min.js"></script>
<script src="/openitems/js/lib/angular/angular-resource.js"></script>
<script src="/openitems/js/lib/bootstrap/bootstrap.js"></script>
<script src="/openitems/js/lib/bootstrap/bootstrap.min.js"></script>
<script src="/openitems/js/services/artifact.js"></script>
<script src="/openitems/js/services/project.js"></script>

<link rel="stylesheet" href="/openitems/css/bootstrap.css">
<title>:: Project - {{project.name}} ::</title>
</head>

 <body ng-controller="Project" >

<div>
 <div>
 	<span class="label label-primary">Project Name</span>
 	<span>{{project.name}}</span>
 </div>
 <div>
 	<span class="label label-primary">Project Description</span>
 	<span>{{project.description}}</span>
 </div>
</div>

 <table class="table table-striped">
		<tr>
			<th>Id</th>
			<th>Artifact Name</th>
			<th>Artifact Description</th>
			<th></th>
		</tr>
		<tr ng-repeat="artifact in project.artifacts">
			<td>{{artifact.id}}</td>
			<td>{{artifact.name}}</td>
			<td>{{artifact.description}}</td>
    
		</tr>
	</table>
	
	<div class="modal fade" ng-include="'../artifact/add.html'" id="editModal" role='dialog'>
	</div> 
	 
</body>
</html>